<template>
  <div id="app">
    <ul>
      <li v-for="item in todos" :key="item.id">
        <slot :itemValue="item">
          {{ item.title }}
        </slot>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "ToDoList",
  data() {
    return {};
  },
  props: {
    todos: {
      type:Array,
      default() {
        return []
      }
    },
    defaultValue: [],
  },
};
</script>

<style>
</style>